<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>银通前海金融资产交易中心</title>
    <link href="bootstrap/v5.3.0/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/common_ytfae.css">
    <style>
        /* 滑动监听 */
        .scrollspy-example {
            position: relative;
            height: 496px;
            margin-top: .5rem;
            overflow: auto;
        }

        /* 调整滑动框开始 */
        div::-webkit-scrollbar {
            width: 5px;
        }

        div::-webkit-scrollbar-thumb {
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        }

        div::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
            border-radius: 0;
        }

        /* 调整滑动框结束 */

        /* 菜单切换样式覆盖 */
        .nav-link {
            border: 0px solid transparent !important;
        }
        .nav-tabs {
            border-bottom: 0px !important;
        }
        /* 菜单切换样式覆盖结束 */

        /* 滚动监听样式覆盖 */
        .list-group-item.active {
            z-index: 2;
            color: black !important;
            background-color: white;
            border-left: 3px solid rgb(77, 119, 164) !important;
            border-color: #0d6efd;
        }

        .company-info-item.active {
            color: #114986 !important;
        }
        .about_company_name {
            font-size: 36px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #181818;
        }
        .aboutme_title {
            font-size: 36px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #181818;
        }
        .aboutme_info_date {
            font-size: 16px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #666666;
        }
        .aboutme_sub_title {
            font-size: 24px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #181818;
        }
        .aboutme_text {
            font-size: 16px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #181818;
        }
        .aboutme_contact_date {
            font-size: 16px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #999999;
        }
        .aboutme_busi_bg {
            background: rgba(237,225,201,0.06); 
            border: 1px solid #EDE1C9; 
            height: 290px;
        }
        .aboutme_busi_icon {
            margin: 24px 0 0 20px;
        }
        .aboutme_busi_content {
            margin: -60px 32px 0 32px;
        }
    </style>
</head>

<body>
    <!-- 导航栏 -->
    <input id="headerNavSelect" type="hidden" value="pcAboutMeNavId"/>
    <div id="header"></div>

    <!-- 页头开始 -->
    <div>
        <div class="background-image" style="
            background-image: url('img/banner_about\ us.png');
            background-size: cover; 
            background-position-x: center;
            height: 254px;">
            <div class="container">
                <div class="nav flex-column justify-content-center text-white" style="height: 254px;">
                    <div class="align-bottom text-center">
                        <h3 class="common_big_title">关于我们</h3>
                        <div class="common_big_title_text">
                            ABOUT US
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页头结束 -->

    <!-- 分类菜单开始 -->
    <section>
        <div class="shadow-sm">
            <div class="container">
                <nav>
                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                        <a class="nav-link active nav-link-text p-0 pb-4 pt-4 me-5 m-2 mb-0 ms-0" id="nav-home-tab" data-bs-toggle="tab" href="#nav-home"
                            role="tab" aria-controls="nav-home" aria-selected="true">公司介绍</a>
                        <a class="nav-link nav-link-text p-0 pb-4 pt-4 ms-5 me-5 m-2 mb-0" id="nav-profile-tab" data-bs-toggle="tab" href="#nav-profile" role="tab"
                            aria-controls="nav-profile" aria-selected="false">公司资讯</a>
                        <a class="nav-link nav-link-text p-0 pb-4 pt-4 ms-5 m-2 mb-0" id="nav-contact-tab" data-bs-toggle="tab" href="#nav-contact" role="tab"
                            aria-controls="nav-contact" aria-selected="false">联系我们</a>
                    </div>
                </nav>
            </div>
        </div>
    </section>
    <!-- 分类菜单结束 -->

    <!-- 主体内容开始 -->
    <section>
        <div class="container">
            <div class="tab-content" id="nav-tabContent">
                <div class="tab-pane fade show active" id="nav-home" role="tabpanel"
                    aria-labelledby="nav-home-tab">
                    <div>
                        <div class="container pt-5">
                            <!-- 银通前海金融介绍开始 -->
                            <div class="row">
                                <div class="col-5 p-0 pe-5">
                                    <div class="card border-0">
                                        <div class="card-title pb-4">
                                            <h3 class="about_company_name">银通前海金融</h3>
                                        </div>
                                        <div class="card-text">
                                            <div class="border mb-4" style="height: 1px;">
                                                <div class="border border-bottom border-primary" 
                                                style="height: 1px; width: 54px;"></div>
                                            </div>
                                            <div class="pt-4 pb-5">
                                                <small class="aboutme_text">
                                                    深圳市银通前海金融资产交易中心有限公司是2015年经深圳市金融办批准,
                                                    由招商局集团（占股51%）和招商银行（占股49%）旗下公司共同出资，在
                                                    深圳前海注册设立的金融资产交易场所。公司业务聚焦于特殊资产交易领
                                                    域,依托粤港澳大湾区独特的地缘和政策优势,致力于打造“交易体验最佳、
                                                    服务模式领先、生态运营驱动”的国际化一站式综合服务平台。
                                                </small>
                                            </div>
                                            <div class="pt-5">
                                                <img src="./img/about_logo.png" alt="" style="width: 100%; height: 100%;">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col">
                                    <div>
                                        <img class="w-100" src="img/银通前海.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <!-- 银通前海金融介绍结束 -->
                            
                             <!-- 主营业务开始 -->
                             <div>
                                <div class="pb-5 pt-5">
                                    <h3 class="aboutme_title">
                                        主营业务
                                    </h3>
                                </div>
                                <div class="row">
                                    <div class="col  aboutme_busi_bg p-0 me-3">
                                        <div class="d-flex justify-content-between">
                                            <div class="aboutme_busi_icon"><img src="./img/ic_.png" alt="" style="height: 80px; width: 80px;"></div>
                                            <div><img src="./img/img_card_logo.png" alt="" style="height: 188px; width: 210px;"></div>
                                        </div>
                                        <div class="nav flex-column justify-content-end aboutme_busi_content">
                                            <h5 class="aboutme_sub_title">不良资产交易业务</h5>
                                            <div>
                                                <small class="aboutme_text">
                                                    为银行、AMC及信托等金融机构的不良资产、抵债资产等处
                                                    置提供包括招商推介，公开挂牌、资金结算、交易见证等综合服务。
                                                </small>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col aboutme_busi_bg p-0 ms-3">
                                        <div class="d-flex justify-content-between">
                                            <div class="aboutme_busi_icon"><img src="./img/ic_paimai.png" alt="" style="height: 80px; width: 80px;"></div>
                                            <div><img src="./img/img_card_logo.png" alt="" style="height: 188px; width: 210px;"></div>
                                        </div>
                                        <div class="nav flex-column justify-content-end aboutme_busi_content">
                                            <h5 class="aboutme_sub_title">拍卖业务</h5>
                                            <div>
                                                <small class="aboutme_text">
                                                    为各类委托方的不良资产，抵情资产及股权资产等处置提供
                                                    现场拍卖或网络拍卖服务。
                                                </small>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col aboutme_busi_bg p-0 mt-3 me-3">
                                        <div class="d-flex justify-content-between">
                                            <div class="aboutme_busi_icon"><img src="./img/ic_kuajing.png" alt="" style="height: 80px; width: 80px;"></div>
                                            <div><img src="./img/img_card_logo.png" alt="" style="height: 188px; width: 210px;"></div>
                                        </div>
                                        <div class="nav flex-column justify-content-end aboutme_busi_content">
                                            <h5 class="aboutme_sub_title">不良资产跨境服务</h5>
                                            <div>
                                                <small class="aboutme_text">
                                                    为不良资产跨境转让提供包括外债报备，境外投资资金入境，
                                                    投资收益出境及税务代扣微等全流程综合服务
                                                </small>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col aboutme_busi_bg p-0 mt-3 ms-3">
                                        <div class="d-flex justify-content-between">
                                            <div class="aboutme_busi_icon"><img src="./img/ic_dingzhi.png" alt="" style="height: 80px; width: 80px;"></div>
                                            <div><img src="./img/img_card_logo.png" alt="" style="height: 188px; width: 210px;"></div>
                                        </div>
                                        <div class="nav flex-column justify-content-end aboutme_busi_content">
                                            <h5 class="aboutme_sub_title">财顾及定制业务</h5>
                                            <div>
                                                <small class="aboutme_text">
                                                    依托平台丰富的业务经验及市场资源，为各类机构会员提供包括市场化债转股、
                                                    交易方案设计、项目操合、资源共享、重整重坦、风险化解等综合服务。
                                                </small>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                             </div>
                            <!-- 主营业务结束 -->

                             <!-- 公司资讯开始 -->
                             <div class="pt-5">
                                <div class="pb-4">
                                    <h3 class="aboutme_title">
                                        公司资讯
                                    </h3>
                                </div>
                                <div class="row">
                                    <div class="col pb-5 pt-5 border-end">
                                        <div class="ps-5">
                                            <small class="aboutme_info_date">2022-03-01</small>
                                        </div>
                                        <div class="company-info-item active ps-5 pt-3 pe-5">
                                            <h5 class="aboutme_sub_title">
                                                招银前海与浦发银行深圳分行签订战略合作协议
                                            </h5>
                                        </div>
                                        <div class="ps-5 pt-3 pe-5">
                                            <div class="common_card_detail text-center" style="width: 32px; height: 32px; line-height: 27px;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                                    <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
                                                </svg>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col company-info-item pb-5 pt-5 border-end">
                                        <div class="ps-5">
                                            <small class="aboutme_info_date">2022-03-01</small>
                                        </div>
                                        <div class="ps-5 pt-3 pe-5">
                                            <h5 class="aboutme_sub_title">
                                                关于不法分子冒用招招理财名义诈骗的风险提示
                                            </h5>
                                        </div>
                                        <div class="ps-5 pt-3">
                                            <div class="common_card_detail text-center" style="width: 32px; height: 32px; line-height: 27px;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                                    <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
                                                </svg>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col company-info-item mb-5 pt-5">
                                        <div class="ps-5">
                                            <small class="aboutme_info_date">2022-03-01</small>
                                        </div>
                                        <div class="ps-5 pt-3 pe-5">
                                            <h5 class="aboutme_sub_title">
                                                “示范先行、共享共赢”招银前海联合中国东方推介百亿资产
                                            </h5>
                                        </div>
                                        <div class="ps-5 pt-3">
                                            <div class="common_card_detail text-center" style="width: 32px; height: 32px; line-height: 27px;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                                    <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
                                                </svg>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row pt-5">
                                    <div class="col-4 company-info-item pb-5 pt-5 border-end">
                                        <div class="ps-5">
                                            <small class="aboutme_info_date">2022-03-01</small>
                                        </div>
                                        <div class="ps-5 pt-3 pe-5">
                                            <h5 class="aboutme_sub_title">
                                                招银前海与招商平安资产签订战略合作协议
                                            </h5>
                                        </div>
                                        <div class="ps-5 pt-3">
                                            <div class="common_card_detail text-center" style="width: 32px; height: 32px; line-height: 27px;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                                    <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
                                                </svg>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4 company-info-item mb-5 pt-5">
                                        <div class="ps-5">
                                            <small class="aboutme_info_date">2022-03-01</small>
                                        </div>
                                        <div class="ps-5 pt-3 pe-5">
                                            <h5 class="aboutme_sub_title">
                                                关于公司名称变更的公告
                                            </h5>
                                        </div>
                                        <div class="ps-5 pt-3">
                                            <div class="common_card_detail text-center" style="width: 32px; height: 32px; line-height: 27px;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                                    <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
                                                </svg>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                             </div>
                            <!-- 公司资讯结束 -->

                             <!-- 联系我们开始 -->
                             <div class="pt-5">
                                <div>
                                    <h3 class="aboutme_title">
                                        联系我们
                                    </h3>
                                </div>
                                <div class="row">
                                    <div class="col-7 mb-5 pt-5">
                                        <div class="card">
                                            <div class="p-3">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-geo-alt" viewBox="0 0 16 16">
                                                    <path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"/>
                                                    <path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
                                                </svg>
                                            </div>
                                            <div>
                                                <h5 class="aboutme_sub_title ps-3">联系地址</h5>
                                            </div>
                                            <div class="ps-3 aboutme_text">
                                                深圳市福田区深南大道2016号招商银行深圳分行大厦33楼
                                            </div>
                                            <div>
                                                <img class="w-100 p-3" src="img/location-img.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col mb-5 pt-5">
                                        <div class="card p-5 ps-4 d-flex flex-row">
                                            <div class="pe-4">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
                                                    <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
                                                </svg>
                                            </div>
                                            <div>
                                                <div class="card-title">
                                                    <h5 class="aboutme_sub_title">联系邮箱</h5>
                                                </div>
                                                <div>
                                                    <small class="aboutme_text">resource@ytfae.com</small>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card mt-2 p-5 ps-4 d-flex flex-row">
                                            <div class="pe-4">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone" viewBox="0 0 16 16">
                                                    <path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
                                                </svg>
                                            </div>
                                            <div>
                                                <div class="card-title">
                                                    <h5 class="aboutme_sub_title">客服热线</h5>
                                                </div>
                                                <div>
                                                    <small class="aboutme_text">0755-86695855</small>
                                                </div>
                                                <div>
                                                    <small class="aboutme_contact_date">(服务时间：工作日9:00-11:30；14:00-17:30)</small>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card mt-2 p-5 ps-4 d-flex flex-row">
                                            <div class="pe-4">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-postage" viewBox="0 0 16 16">
                                                    <path d="M4.75 3a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h6.5a.75.75 0 0 0 .75-.75v-8.5a.75.75 0 0 0-.75-.75h-6.5ZM11 12H5V4h6v8Z"/>
                                                    <path d="M3.5 1a1 1 0 0 0 1-1h1a1 1 0 0 0 2 0h1a1 1 0 0 0 2 0h1a1 1 0 1 0 2 0H15v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1h-1.5a1 1 0 1 0-2 0h-1a1 1 0 1 0-2 0h-1a1 1 0 1 0-2 0h-1a1 1 0 1 0-2 0H1v-1a1 1 0 1 0 0-2v-1a1 1 0 1 0 0-2V9a1 1 0 1 0 0-2V6a1 1 0 0 0 0-2V3a1 1 0 0 0 0-2V0h1.5a1 1 0 0 0 1 1ZM3 3v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1Z"/>
                                                </svg>
                                            </div>
                                            <div>
                                                <div class="card-title">
                                                    <h5 class="aboutme_sub_title">邮政编码</h5>
                                                </div>
                                                <div>
                                                    <small class="aboutme_text">518001</small>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                             </div>
                            <!-- 联系我们结束 -->
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                    公司资讯
                </div>
                <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
                    联系我们
                </div>
            </div>
        </div>
    </section>
    <!-- 主体内容结束 -->

    <!-- 页脚 -->
    <div id="footer"></div>

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="bootstrap/v5.3.0/js/bootstrap.bundle.min.js"></script>
    <script type="text/javascript">
        // 引入导航栏
        $('#header').load('header.html');
        // 引入页脚
        $('#footer').load('footer.html');
    </script>
</body>

</html>